<template>
  <div>
    <ve-bar :data="chartData" :extend="extend" height="450px"></ve-bar>
  </div>
</template>


<script>
export default {
  data() {
    this.extend = {
      color: {
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [
          {
            offset: 0,
            color: "#FFCBB3" // 0% 处的颜色  #f2d49f
          },
          {
            offset: 1,
            color: "#FF8040" // 100% 处的颜色 #f17e5f
          }
        ],
        globalCoord: false // 缺省为 false
      },
      xAxis: {
        show: true,
        //刻度
        axisTick: {
          show: false
        },
        axisLine: {
          show: true,
          lineStyle: {
            type: "solid",
            color: "#ccc",
            width: "1"
          }
        }
      },
      itemStyle: {
        barBorderRadius: 2,
      },
      tooltip: {
        show: false
      },
      legend: {
        show: false,
        icon: "none"
      },
      label: {
        show: true,
        position: "right",
        formatter: "{@score}",
        color: "#999"
      },
      grid:{
        top:10,
      }
    };
    return {
      chartData: {
        columns: ["名字", "值"],
        rows: [
         
        ]
      }
    };
  }
};
</script>